<template>
	<view class="content">
		<view class="img">
			<image class="logo" src="/static/logo-tm.png"></image>
		</view>
		<view class="text-area">
			<view class="title">Ximo外卖</view>
			<view class="title-b">——商家中心——</view>
		</view>
		<view class="bu">
			<view class="wx" @click="gowxlogin">微信登录</view>
			<view @click="gowxlogin">我要开店</view>
		</view>
	</view>
</template>

<script setup>
	import userstore from '@/store/userinfo.js'
	const useuserstore=userstore()
const gowxlogin=()=>{
	uni.getUserProfile({
		desc:"wx登录",
		success(e) {
			useuserstore.wxuserinfo=e.userInfo
		}
	})
	uni.navigateTo({
		url:"/pages/wxlogin/wxlogin"
	})
}
</script>

<style lang="scss" scoped>
	.content {
		width: 100vw;
		height: 100vh;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
.img{
	margin-top: 300rpx;
	height: 300rpx;
	width: 300rpx;
	overflow: hidden;
	// box-shadow: 0 0 5rpx 5rpx rgba(0, 0, 0, 0.1);
	border-radius: 10rpx;
position: relative;
transform: scale(0.8);
}
	.logo {
		height: 450rpx;
		width: 450rpx;
		position: absolute;
		top: 50%;
		left: 54%;
		transform: translate(-50%,-50%);
	}


	.title {
		width: 100%;
		text-align: center;
		font-size: 45rpx;
		font-weight: 700;
	}
	.title-b{
		width: 100%;
		text-align: center;
		font-size: 25rpx;
		color: #7b7b7b;
        margin-top: 10rpx;
	}
	.bu{
		width: 100%;
		height: 20%;
       margin-top: 470rpx;
	   display: flex;
	   align-items: center;
	   justify-content: center;
	   flex-direction: column;
	   gap: 20rpx;
		view{
			width: 50%;
			height: 95rpx;
			border-radius: 95rpx;
			background-color: red;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 25rpx;
			font-weight: 700;
			color: #000;
			background-color: #fff;
			border: 1rpx solid #d9d9d9;
		}
	   .wx{
		   color: #fff;
		   background-color: #ff6e53;
	   }
	}
</style>
